.top {
    height: 25vh;
    position: relative;
}

.top-box {
    position: absolute;
    bottom: 0;
    left: 10vw;
}

.top-box p:nth-child(1) {
    font-size: 6vw;
}

.top-box p:nth-child(2) {
    margin-top: 2vw;
    font-size: 4vw;
    color: rgb(222, 222, 222);
}

.userName, .userPswd {
    display: block;
    margin-top: 10vw;
    margin-left: 10vw;
    width: 70vw;
    height: 10vw;
    border: rgb(235, 235, 235) solid 2px;
    border-radius: 4px;
    font-size: 3.7vw;
}

.link-box {
    width: 70vw;
    height: 20vw;
    margin-top: 5vw;
    margin-left: 10vw;
    font-size: 4vw;
    position: relative;
    font-size: 3.8vw;
}

.register-link {
    position: absolute;
    left: 0;
}

.forget-pswd-link {
    position: absolute;
    right: 0;
}

.submit-box {
    position: relative;
}

.form-submit {
    display: block;
    position: absolute;
    left: 45%;
    transform: translateX(-50%);
    width: 35vw;
    height: 10vw;
    background-color: rgb(140, 40, 180);
    border: 0;
    color: #fff;
    font-size: 4vw;
}

